<template>
    <div>
        <div class="boxShadow dragBtn" :class="this.$store.state.showDragModule? 'dragSel' : 'dragNor'" @click="clickDrag"></div>
    </div>    
</template>

<script>
import { hideOtherModule} from '@/js/methods'
export default {
    name: 'dragBtn',
    components:{

    },
    data(){
        return{
           drag: false
        }
    },
    methods:{
        //点击拖拽
       clickDrag:function(){
           const that = this;
           that.$store.commit('switchDragModule',true);
           that.$store.commit('switchShowMask',true);
       }
    },
    
    //属性监听
    watch:{
       
    }

}
</script>

<style scoped lang="less">
    .dragBtn{
        width: 35px;
        height: 35px;
        border-radius: 4px;
        position: fixed;
        bottom: 15px;
        right: 8px;
        z-index: 994; 
        background-repeat: no-repeat;
        background-position: center;
        background-color: #ffffff;
        background-size: 70%;
    }
    .dragSel{
        background-image: url("../../src/assets/icon-drag-sel.png");
    }
    .dragNor{
        background-image: url("../../src/assets/icon-drag-nor.png");
    }
</style>